/* 当前位置*/
.sition{ padding: 20px 0; }
.sition a{ color: #333 !important; }
.sition a:hover{ color: #6f00af !important;}
.sition .layui-badge-rim{ border: 1px solid #fe9a9a; color: #333; font-size: 14px; height: 22px; line-height: 22px; margin-right: 8px;}
.sition .layui-badge-rim i{ margin-left: 5px; color: #f42f2f;}
.sition cite{ font-style: normal; }
.sition cite span{ padding: 0 2px; }

/***************** 列表页 *****************/
/* 列表分类*/
.list-classify{ background-color: #fff; border: 1px solid #eaeaea;}
.list-classify dl{ border-bottom: 1px solid #eaeaea; display: flex; align-items: baseline;}
.list-classify dl dt{ color: #999; display: inline-table; width: 75px; line-height: 48px; text-align: right; padding-right: 15px;}
.list-classify dl dd{ border-left: 1px solid #eee; padding: 5px 0; width: 1110px;}
.list-classify dl dd a{ display: inline-block; padding: 2px 5px; margin-left: 10px;}
.list-classify dl dd a i{ margin-left: 5px; }
/* 排序*/
.list-sort{ background-color: #fff; margin: 15px 0;} 
.list-sort dl{ display: flex; align-items: center;position: relative;}
.list-sort dl dt{ border-right: 1px solid #eaeaea; width: 75px; text-align: right; padding: 10px 15px 10px 0;}
.list-sort dl dd{ display: flex; justify-content: space-between; }
.list-sort dl dd a{ border-right: 1px solid #eaeaea; display: inline-block; padding: 0 15px;}
.list-sort dl dd#page{ position: absolute;right: 10px;}
.list-sort dl dd#page .layui-laypage{ margin: 0; }
.list-sort dl dd#page a{ margin: 0 -1px 0 0;}
/* 商品*/
.list-goods ul{ margin: 0 -1%;}
.list-goods li{ background-color: #fff; }
.list-goods.goods ul .proinfo .price{ font-size: 20px; }
.list-goods .no-content{ background-color: #fff; font-size: 14px; padding: 2% 0; text-align: center;}
/* 翻页*/
#fanye{ text-align: center; }
#fanye .layui-laypage a, .layui-laypage span{ height: 35px; line-height: 35px; font-size: 14px;}

/***************** 热销榜 *****************/
/* 排行榜*/
.hotlist .title{ color: #333; text-align: center; }
.hotlist .title h2{ font-size: 42px; margin-top: 15px;}
.hotlist .title h3 { margin: 8px 0 4px }
.hotlist .title h3 span{ background-color: #333; color: #fff; padding: 0 18px; margin: 0 8px;}
.hotlist .title h3:before, .hotlist .title h3:after{ width: 515px; border-bottom: 1px solid #333; content: ''; display: inline-block; margin-bottom: 5px;}

.hotlist-list{ background-color: #fff; margin: 20px 0;}
.hotlist-list dl{ border-bottom: 1px dashed #ddd; display: flex; align-items: center; padding: 20px 15px;}
.hotlist-list dl:last-child{ border-bottom: 0 none; }
.hotlist-list dl dt{ font-size: 40px; font-weight: bold; padding: 0 25px;}
.hotlist-list dl dd.h-left{ display: inline-flex; height: 140px;}
.hotlist-list dl dd.h-left img{ width: 140px; height: 140px; }
.hotlist-list dl dd.h-left .h-goods{ display: inline-block; padding: 0 50px 0 10px;}
.hotlist-list dl dd.h-left .h-goods .h-title{ padding: 10px 0 15px; display: inline-block;}
.hotlist-list dl dd.h-left .h-goods .h-info{ display: flex; align-items: center; justify-content: space-between; width: 360px;}
.hotlist-list dl dd.h-left .h-goods .h-info .h-i1{}
.hotlist-list dl dd.h-left .h-goods .h-info .h-i2{ font-size: 22px; font-weight: bold; }

.hotlist-list dl dd.h-right{ height: 140px;}
.hotlist-list dl dd.h-right strong{ color: #333; font-size: 16px; margin: 10px 0 5px; display: inline-block; width: 100%;}
.hotlist-list dl dd.h-right .moip li{ display: inline-block; float: left; margin: 10px 10px 0 0;}
.hotlist-list dl dd.h-right .moip li:hover{ cursor: pointer; }
.hotlist-list dl dd.h-right .moip li img{ width:50px; height:50px;max-width: 300px;}
#tooltip{ position:absolute; display:none;}

/* 分类排行*/
.floor{ padding-bottom: 20px}
.floor:last-child{ padding-bottom: 0; }
.floor .title{ color: #333; font-size: 30px; text-align: center; padding: 0 0 15px;}
.floor .layui-tab-title{ background-color: #fff; display: flex; justify-content: space-around; }
.floor .layui-tab-brief .layui-tab-title .layui-this{ color: #f42f2f;}
.floor .layui-tab-brief .layui-tab-more li.layui-this:after, .floor .layui-tab-brief .layui-tab-title .layui-this:after{ border-color: #f42f2f; }
.floor .layui-tab-content{ padding: 10px 0; margin: 0 -0.5%; }
.floor .goods ul li{ background-color: #fff; }

/* 悬浮楼层导航*/
.fixed-nav{ position: fixed; width: 100px; top: 50%; right: 2%; text-align: center; display: none;}
.fixed-nav a{ background-color: #7300ab; border-bottom: 1px solid #8d2cc5; color: #fff; cursor: pointer; display: inline-block; width: 100%; height: 35px; line-height: 35px;}
.fixed-nav a:hover{ background-color: #8517c5; }

/***************** 品牌馆 *****************/
/* 热门品牌*/
.pavilion .title{ color: #333; text-align: center; font-size: 30px; margin: 20px 0;}
.pavilion .pavilion-list{ margin-bottom: 15px;}
.pavilion .pavilion-list ul li{ background-color: #fff; display: inline-block; margin-bottom: 20px; text-align: center;float: left; width: 300px;}
.pavilion .pavilion-list ul li .p-l1{ background-color: #fff; display: inline-block; text-align: center;}
.pavilion .pavilion-list ul li .p-l2{ color: #333; display: block; font-size: 16px;}
.pavilion .pavilion-list ul li .p-l3{ padding: 5px 0 15px; }
.pavilion .pavilion-list ul li .btn-enter{ background-color: #f42f2f; padding: 0 28px; height: 28px; line-height: 28px;}
.pavilion .pavilion-list ul li .btn-enter:hover{ color: #fff !important; }
.pavilion .pavilion-list ul li.p-brand1{ height: 300px; }
.pavilion .pavilion-list ul li.p-brand1 .p-l1{ padding-top: 40px; width: 100px; height: 100px; line-height: 100px;}
.pavilion .pavilion-list ul li.p-brand1 .p-l1 img{ width: 80px; }
.pavilion .pavilion-list ul li.p-brand2{ border-right: 1px solid #eaeaea; width: 299px; height: 415px; }
.pavilion .pavilion-list ul li.p-brand2 .p-l1{ margin-top:-40px; width: 80px; height: 80px; line-height: 80px;}
.pavilion .pavilion-list ul li.p-brand2 .p-l1 img{ width: 80px; }

/***************** 品牌列表页 *****************/
.brand{ background-color: #fff; overflow: hidden;}
.brand .brand-img{ width: 550px;float: left;}
.brand dl{ display: inline-block; float: left; width: 610px; height: 220px; margin: 20px; overflow: hidden;}
.brand dl dt{ display: flex; align-items: center; margin-bottom: 15px;}
.brand dl dt .b-logo{ border: 1px solid #eaeaea; width: 60px; height: 60px; }
.brand dl dt h1{ color: #333; display: inline-block; font-size: 20px; font-weight: bold; padding: 0 15px;}
.brand dl dd{ line-height: 24px; }

/***************** 购物车 *****************/
.cart-list{ text-align: center; position: relative; margin-top: 50px;}
.cart-list .layui-form-checkbox[lay-skin=primary]{ position: absolute; left: 15px; }
.cart-list .layui-form-checked[lay-skin=primary] i{ background-color: #f42f2f; border-color: #f42f2f;}
.cart-list .layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #f42f2f; }
.cart-list .w100{ width: 100px; }
.cart-list .w150{ width: 150px; }
.cart-list .w550{ width: 550px; }
.cart-list .w650{ width: 650px; }
.cart-list .align-left{ text-align: left; }
.cart-list .align-right{ text-align: right; }

.cart-list .cart-tbody .sold-out{ position: relative; }
.cart-list .cart-tbody .sold-out .cart-goods .title, .cart-list .cart-tbody .sold-out .price strong, .cart-list .cart-tbody .sold-out .allprice strong{ color: #929292; }
.cart-list .cart-tbody .sold-out .layui-badge{ position: absolute; top: 50px; }

.cart-list li{ display: inline-block; float: left;}
.cart-list .cart-thead{ background-color: #f3f3f3; border: 1px solid #e9e9e9; color: #666; display: inline-block; font-size: 12px; padding: 7px 0; width: 100%;}
.cart-list .cart-thead .cart-check{ color: #333;}
.cart-list .cart-thead .cart-check i{ margin-right: 5px; }
.cart-list .cart-tbody dl dt.cart-hint{ border-bottom: 1px dotted #e9e9e9; text-align: left; padding: 10px 15px;}
.cart-list .cart-tbody dl dt.cart-hint span{ margin-right: 5px; }
.cart-list .cart-tbody dl dt.cart-hint a{ color: blue; margin-left: 5px;}
.cart-list .cart-tbody dl dd{ border-style: solid; border-width: 0 1px 1px; border-color: #fff #ebebeb #e5e5e5 #ebebeb; padding: 10px 0;}
.cart-list .cart-tbody dl dd ul{ display: flex; align-items: center;}
.cart-list .cart-tbody dl dd ul li .layui-form-checkbox[lay-skin=primary]{ margin-top: 30px;}
.cart-list .cart-tbody dl dd .cart-goods{ display: flex; padding-left: 50px;}
.cart-list .cart-tbody dl dd .cart-goods .pic{ width: 80px; height: 80px; }
.cart-list .cart-tbody dl dd .cart-goods .title{ margin: 10px 15px; height: 40px;}
.cart-list .cart-tbody dl dd .cart-zp{ padding-left: 50px;}
.cart-list .cart-tbody dl dd .cart-zp a{ color: #999; display: inline-block; font-size: 12px; padding: 5px 0;}
.cart-list .cart-tbody dl dd .price del{ color: #999; }
.cart-list .cart-tbody dl dd .price strong{ color: #333;}

.cart-list .cart-tfooter{ background: #fff; margin-top: 20px;}
.cart-list .cart-tfooter ul{ border: 1px solid #e5e5e5; display: inline-block; font-size: 12px; width: 100%; height: 60px;}
.cart-list .cart-tfooter ul li .layui-form-checkbox[lay-skin=primary]{ margin-top: 20px;}
.cart-list .cart-tfooter ul li.btn-submit{ height: 100%; line-height: 60px;}
.cart-list .cart-tfooter ul li.btn-submit a, .cart-tfooter ul li.btn-submit:hover a{ color: #fff !important; font-size: 18px; width: 100%;}
.cart-list .cart-tfooter ul li .jiesuan-top, .cart-list .cart-tfooter ul li .jiesuan-down{ padding-right: 20px; }
.cart-list .cart-tfooter ul li .jiesuan-top { margin: 8px 0 5px 0; }
.cart-list .cart-tfooter ul li .jiesuan-top strong{ font-size: 18px; padding: 0 5px;}
.cart-list .cart-tfooter ul li .jiesuan-top strong:last-child{ padding-right: 0;}
.cart-list .cart-tfooter ul li .jiesuan-down{ color: #999;}

/* 猜你喜欢*/
.goods-like{ margin-top: 50px;}
.goods-like .title{ border-bottom: 1px solid #eaeaea; font-size: 18px; line-height: 34px; padding-bottom: 10px; margin-bottom: 10px;}
.goods-like .title .targ{ color: #bbb; font-size: 14px; padding-left: 20px;}
.goods-like ul li{ width: 19%; }

/* 暂无*/
.prompt{ color: #939393; text-align:center; margin: 80px 0;}
.prompt img{ width:64px;height:64px;}
.prompt .t1{ font-size:16px; font-weight:bold; color:#111; margin:2px 0;}
.prompt .t2{ font-size:12px;margin:2px 0;}

body{ color: #333;}
.contaninter{ width: 1200px; margin: 0 auto; clear: both;}
a:hover{ color: #f42f2f !important;}

.pull-left{ float: left; }
.pull-right{ float: right; }

.red{ color: #f42f2f !important; }
.green{ color: #5dc540 !important; }
.purple{ color: #7300ab !important; }
.layui-bg-red{ background-color: #f42f2f !important; }
.layui-btn-red{ background-color: #f42f2f; }
.layui-btn-red:hover{ color:#fff !important; }
.layui-btn-primary:hover{ border-color: #f42f2f;}
.elip-two{ overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.f-icon{ background: url("../images/icon.png") no-repeat; display: inline-block;}
.bottom-fixed{ position: fixed; bottom: 0;width: 100%;z-index: 99999;}

/* 顶部导航*/
.top-nav{ background-color: #f2f2f2; border-bottom: 1px solid #eaeaea; font-size: 12px; line-height: 32px;}
.top-nav .text span{ padding-left: 15px;  color: #7300ab; position: relative;}
.top-nav .text span i{ padding-right: 5px; }
.top-nav .text span .layui-icon{ font-size: 14px; }
.top-nav .text span:hover .app{ display: block; }
.top-nav .app{ display: none; position: absolute; top: 32px; left: 0; z-index: 10;}
.top-nav .layui-nav{ background-color: transparent;}
.top-nav .layui-nav *{ font-size: 12px;}
.top-nav .layui-nav .layui-nav-item{ line-height: 32px; }
.top-nav .layui-nav .layui-nav-item a{ color: #333; padding: 0 10px;}
.top-nav .layui-nav .layui-nav-item a:hover, .top-nav .layui-nav .layui-this a{ color: #7300ab; }
.top-nav .layui-nav .layui-this:after, .top-nav .layui-nav-bar, .top-nav .layui-nav-tree .layui-nav-itemed:after{ height: 0;}
.top-nav .layui-nav .layui-nav-more{ border-color: #666 transparent transparent; right: -8px;}
.top-nav .layui-nav .layui-nav-mored, .layui-nav-itemed>a .layui-nav-more{ border-color: transparent transparent #666;}
.top-nav .layui-nav-child{ background-color: #f2f2f2; border-top: 0 none; top: 32px; line-height: 28px;}

/* 头部logo+搜索*/
.head{ margin: 15px 0 10px;}
.head .logo{ position: relative; }
.head .logo img{ width: 185px; }
.head .logo span{ position: absolute; bottom: 10px; left: 210px; height: 40px; text-indent: -9999px;}
.head .logo .link-cart{ background: url("../images/cart-icon.png"); width: 80px;}
.head .logo .link-login{ background: url("../images/login-icon.png"); width: 110px;}
.head .search{ display: inline-block; float: left; margin-top: 20px;}
.head .search .layui-form-item{ margin-bottom: 5px;}
.head .search .layui-form-pane .layui-input-block{ margin: 0; right: -2px; left: 1px; float: left; width: 400px;}
.head .search .layui-form-pane .layui-input-block .layui-input, .head .search .layui-input:hover, .layui-textarea:hover{ border-color: #333 !important; }
.head .search .layui-form-label{ background-color: #333; border: 1px solid #333; color: #fff; border-radius: 0 4px 4px 0; width: 60px; }
.head .search .layui-form-label i{ font-size: 18px; }
.head .search ul li{ float: left; padding-right: 10px; color: #999;}
.head .search ul li a{ font-size: 12px; color: #999;}
.head .cart{ display: inline-block; float: left; margin: 20px 0 0 20px; position: relative;}
.head .cart a{ background-color: #333;  border-radius: 4px; color: #fff; display: inline-block; padding: 0 15px; height: 38px; line-height: 38px;}
.head .cart a:hover{ color: rgba(255, 255, 255, .9)!important; }
.head .cart a i{ padding-right: 5px; }
.head .cart a .cart-hotword{ cursor: pointer; overflow: hidden; position: absolute; top: -2px; right: -2px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color: #fff; background-color: #f42f2f; border-radius: 100%;}

/* 导航*/
.wrap-nav{ border-bottom: 2px solid #6f00af; position: relative;z-index: 9;}
.wrap-nav .contaninter{ position: relative;}
.wrap-nav .h-list ul{ padding-left: 190px; }
.wrap-nav .h-list li{ height: 39px; line-height: 39px; float: left;}
.wrap-nav .h-list li a{ padding: 0 28px 0 28px; font-size: 15px; font-weight: bold;}
.wrap-nav .h-list li a:hover{ color: #7300ab;}
.wrap-nav .h-list li .icon-hot{ background-position: 0 -240px; width: 29px; height: 17px; position: absolute; top: -10px; left: 324px;}
.wrap-nav .nav{ position: absolute; top: 0; left: 0; width: 190px;}
.wrap-nav .nav .classify{ background-color: #6f00af; color: #fff; cursor: pointer; display: flex; align-items: center; font-size: 16px; padding: 0 10px; height: 39px; line-height: 39px;}
.wrap-nav .nav .classify i{ font-size: 18px; padding-right: 5px;}
.wrap-nav .nav .classify i.f-icon-list{ background-position: 10px -324px; background-size: 150%; width: 30px; height: 38px;}
.wrap-nav .s-list{ background-color: rgba(111, 0, 175, 0.8); box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.3); height: 450px;}
.wrap-nav .s-list li.s-item{ border-top: 1px #b253c3 solid; padding: 10.7px 9px; }
.wrap-nav .s-list li.s-item.hover{ background-color: #fff; }
.wrap-nav .s-list li.s-item.hover p, .wrap-nav .s-list li.s-item.hover p a{ color: #666; }
.wrap-nav .s-list li.s-item.hover h2{ color: #333; }
.wrap-nav .s-list h2{ font-size: 16px; color: #fff; display: flex; align-items: center; justify-content: space-between;}
.wrap-nav .s-list h2 .layui-icon{ font-size: 14px; }
.wrap-nav .s-list p{ line-height: 20px; margin-top: 5px; color: #fff;}
.wrap-nav .s-list p a{ font-size: 13px; color: #ebc9ff; padding-right: 5px;}

.wrap-nav .s-list li.s-item.hover .model-nav{ display: block; }
.wrap-nav .s-list .model-nav{ background-color: #fff; display: none; width: 798px; height: 448px; /*box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);*/ border: 1px solid #ddd; position: absolute;top: 39px;z-index: -1;left: 190px;overflow: hidden;}
.wrap-nav .s-list .model-nav .model-main{ width: 530px; padding: 0px 20px 500px 20px; border-right: 1px solid #ddd; float: left;}
.wrap-nav .s-list .model-nav .model-main .model-top{ font-size: 16px; border-bottom: #e5e5e5 1px solid;}
.wrap-nav .s-list .model-nav .model-main dl{ padding: 10px 7px; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.wrap-nav .s-list .model-nav .model-main dl dt{ width: 90px; font-size: 12px; color: #333; line-height: 22px; font-weight: 700; float: left;}
.wrap-nav .s-list .model-nav .model-main dl dd{ line-height: 22px;overflow: hidden;}
.wrap-nav .s-list .model-nav .model-main dl dd a{ color: #666;font-size: 12px;margin: 0 5px 0 5px;float: left;display: inline;white-space: nowrap;width: 75px;}

.wrap-nav .s-list .model-nav .model-side{ width: 217px;padding-top: 5px;padding-left: 10px;float: left;}
.wrap-nav .s-list .model-nav .model-side .model-top{ height: 30px;line-height: 30px;padding-left: 4px;color: #333333;}
.wrap-nav .s-list .model-nav .model-side .model-brand{ display: inline-block; margin: 5px 0 10px 4px;}
.wrap-nav .s-list .model-nav .model-side .model-brand li{ border: 1px solid #eee;margin: -1px 0 0 -1px; padding: 0;float: left;}

/* 登录*/
.login-wrap{ background:url("../images/login-banner.jpg") no-repeat center center; height: 450px;}
.login-wrap .contaninter{ position: relative; }
.login-box{ background-color: #fff; border-radius: 5px; padding: 30px 20px; width: 320px; position: absolute; right: 0; top: 70px;}
.login-box h1{ color: #8b898a; text-align: center; font-size: 28px; margin: 0 0 20px;}
.login-box .layui-form-pane .layui-form-label{ background-color: #f4f4f4; border-color: #bdbdbd;  padding: 8px 0; width: 38px;}
.login-box .layui-form-pane .layui-input-block{ margin-left: 38px;}
.login-box .layui-form-pane .layui-input{ border-color: #bdbdbd; }
.login-box .layui-form-item{ position: relative; margin-bottom: 20px;}
.login-box .code{ background-color: #f4f4f4; border-left: 1px solid #bdbdbd; cursor: pointer; display: inline-block; height: 36px; line-height: 36px; margin: 1px; padding: 0 10px; position: absolute; right: 0; top: 0;}
.login-box .btn-area{ margin: 20px 0;}
.login-box .btn-area button{ background-color: #f42f2f; width: 100%; opacity: .5;}
.login-box .login-hint{ margin-top: 20px; font-size: 12px; color: #737373; margin: 0 auto; width: 90%;}

/* 脚注*/
.footer{ margin-top: 40px;}
.footer .f-pret01{ background-color: #fff; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.footer .f-pret01 ul{ padding: 20px 0; display: flex; justify-content: space-around;}
.footer .f-pret01 ul li{ position: relative; display: inline-block; float: left;width: 25% \9;*width: 25%;_width: 25%;}
.footer .f-pret01 ul li .f-icon{ width: 46px; height: 46px; position: absolute; left: 0; top: 0;}
.footer .f-pret01 ul li .f-icon01{ background-position: 0 0;}
.footer .f-pret01 ul li .f-icon02{ background-position: 0 -56px;}
.footer .f-pret01 ul li .f-icon03{ background-position: 0 -112px;}
.footer .f-pret01 ul li .f-icon04{ background-position: 0 -168px;}
.footer .f-pret01 ul li strong{ color: #333; display: block; font-size: 18px; padding-left: 50px;}
.footer .f-pret01 ul li span{ display: block; font-size: 14px; color: #999; padding-left: 50px;}

.footer .f-pret02{ background-color: #fff; padding: 30px 0; text-align: center;}
.footer .f-pret02 .f-left{ display: inline-block; width: 600px;}
.footer .f-pret02 .f-left dl{ border-right: 1px solid #eaeaea; margin: 0 34px 0 0; width: 115px; height: 130px; float: left; text-align:left;}
.footer .f-pret02 .f-left dl dt{ font-size: 18px; color: #666; margin-bottom: 6px;}
.footer .f-pret02 .f-left dl dd a{ font-size: 14px; color: #999; line-height: 24px;}

.footer .f-pret02 .f-middle{ display: inline-block; width: 200px; height: 67px; margin: 20px 20px 0 5px; vertical-align: top;}
.footer .f-pret02 .f-middle .txt1{ border-bottom: 1px solid #8e38c0;color: #8e38c0;font-size: 32px;font-weight: 700;line-height: 38px;white-space: nowrap;font-family: arial;text-align: center;}
.footer .f-pret02 .f-middle .txt2{ color: #8e38c0;font-size: 14px;height: 28px;line-height: 28px;}

.footer .f-pret02 .f-right{ display: inline-block; width: 270px;}
.footer .f-pret02 .f-right p{ width: 110px; display: block; float: left; text-align: center; margin-left: 15px; font-size: 12px;}

.footer .f-pret03{ background-color: #333; color: #fff; text-align: center; }
.footer .f-pret03 a{ color: #fff; }
.footer .f-pret03 .about{ padding: 15px 0; }
.footer .f-pret03 .copy{ font-size: 12px; }
.footer .f-pret03 .copy p{ padding-bottom: 5px; }
.footer .f-pret03 .copy a{ padding: 0 5px; }
.footer .f-pret03 .pic{ padding-bottom: 5px; }
.footer .f-pret03 .pic img{ width: 35px; height: 35px; }

.footer .f-pret03.login-footer, .footer .f-pret03.login-footer a{ background-color: #fff; color: #333;}

/* 悬浮客服*/
.web-model{ background-color: #fff; border: 1px solid #ddd; border-bottom: 0 none; width: 58px; position: fixed; top: 50%; left: 50%; margin-top: -145px; margin-left: 600px; z-index: 9999;display: none;}
.web-model li{ border-bottom: 1px solid #ddd; width: 58px; height: 58px; }
.web-model li:last-child{ border-bottom: 0 none; }
.web-model li a{ width: 58px; height: 58px;}
.web-model li a.lqhb-link{ background: url("../images/icon-lqhb.jpg?n=1") no-repeat; display: inline-block; position: relative;}
.web-model li a.lqhb-link:hover{ background: url("../images/icon-lqhb-red.jpg?n=1") no-repeat; display: inline-block;}
.web-model li a.lqhb-link .lqhb{ border-radius: 8px; width: 135px; position: absolute; top: -75px; right: 75px; display: none;}
.web-model li a.cart-link{ background-position: 0 -618px; position: relative;}
.web-model li a.cart-link:hover{ background-position: -59px -618px;}
.web-model li a.cart-link .cart-link-hotword{ cursor: pointer; overflow: hidden; position: absolute; top: 0; right: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color: #fff; background-color: #f42f2f; border-radius: 100%;}
.web-model li a.call-link{ background-position: 0 -677px; position: relative;}
.web-model li a.call-link:hover{ background-position: -59px -677px; color: #333 !important;}
.web-model li a.cart-link .smxd{ width: 135px; position: absolute; top: -35px; right: 60px; display: none; transform: rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); }
.web-model li a.call-link .kimt{ background-color: #fff; border: 1px solid #ddd; font-size: 16px; text-align: center; width: 175px; padding: 5px; position: absolute; top: 0; right: 68px; display: none;}
.web-model li a.call-link .kimt em{ color: #999; font-style: normal; font-size: 14px; }
.web-model li a.call-link .kimt i{ color: #ddd; position: absolute; right: -12px; top: 20px; }
.web-model li a.fklink{ background-position: 0 -736px;}
.web-model li a.fklink:hover{ background-position: -59px -736px;}
.web-model li a.top-link{ background-position: 0 -795px;}
.web-model li a.top-link:hover{ background-position: -59px -795px;}
.web-model li a.kflink{ background-position: 0 -559px;-webkit-animation: mymove 1s ease infinite alternate;-moz-animation: mymove 1s ease infinite alternate;-ms-animation: mymove 1s ease infinite alternate;-o-animation: mymove 1s ease infinite alternate;animation: mymove 1s ease infinite alternate;}
@-webkit-keyframes mymove {
	0% {background-position: -59px -555px;}
	48% {background-position: -59px -559px;}
	100% {background-position: -59px -555px;}
}
@-moz-keyframes mymove {
	0% {background-position: -59px -555px;}
	48% {background-position: -59px -559px;}
	100% {background-position: -59px -555px;}
}
@-o-keyframes mymove {
	0% {background-position: -59px -555px;}
	48% {background-position: -59px -559px;}
	100% {background-position: -59px -555px;}
}
@-ms-keyframes mymove {
	0% {background-position: -59px -555px;}
	48% {background-position: -59px -559px;}
	100% {background-position: -59px -555px;}
}
@keyframes mymove {
	0% { background-position: -59px -555px;}
	48% {background-position: -59px -559px;}
	100% {background-position: -59px -555px;}
}

/* 计算*/
.shop-arithmetic{ width:120px; box-sizing:border-box; white-space:nowrap; border:1px solid #e0e0e0; border-radius: 4px; height: 30px; line-height: 30px; display: flex; justify-content: space-between; align-items: center; align-self: center;}
.shop-arithmetic a{display:inline-block;width:30px;height:30px; line-height:30px; text-align:center;}
.shop-arithmetic .minus{border-right:1px solid #e0e0e0;}
.shop-arithmetic .failed{color:#d1d1d1;}
.shop-arithmetic .plus{border-left:1px solid #e0e0e0;}
.shop-arithmetic .num{width:100px;text-align:center;border:none;display: inline-block; box-sizing:border-box;vertical-align:top;margin:0 -6px;}

/* 动态线框*/
.border {position: relative;}
/*.border .inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}*/
.border:before,.border:after,.border .inner:before,.border .inner:after {background-color: #f42f2f;position: absolute;content: "";display: block;-webkit-transition: -webkit-transform .5s;transition: -webkit-transform .5s;transition: transform .5s;transition: transform .5s,-webkit-transform .5s;}
.border:before,.border:after {left: 0;width: 100%;height: 1px;-webkit-transform: scaleX(0);transform: scaleX(0);}
.border:before {top: 0; -webkit-transform-origin: right center;transform-origin: right center;}
.border:after {bottom: 0;-webkit-transform-origin: left center;transform-origin: left center;}
.border .inner:before,.border .inner:after {top: 0;width: 1px;height: 100%;-webkit-transform: scaleY(0);transform: scaleY(0);}
.border .inner:before {left: 0;}
.border .inner:after {right: 0;}
.border:hover:before,.border:hover:after {-webkit-transform: scaleX(1);transform: scaleX(1);}
.border:hover .inner:before,.border:hover .inner:after {-webkit-transform: scaleY(1);transform: scaleY(1);}
.border .inner:hover:before,.border .inner:hover:after {-webkit-transform: scaleY(1);transform: scaleY(1);}
.border .inner:before {-webkit-transform-origin: top center;transform-origin: top center;}
.border .inner:after {-webkit-transform-origin: bottom center;transform-origin: bottom center;}
.border:hover .inner:before {-webkit-transform-origin: bottom center;transform-origin: bottom center;}
.border:hover .inner:after {-webkit-transform-origin: top center;transform-origin: top center;}
.border:hover:before {-webkit-transform-origin: left center;transform-origin: left center;}
.border:hover:after {-webkit-transform-origin: right center;transform-origin: right center;}

/* 产品展示-形式1*/
.goods ul li{ width: 24%; margin: 0.5%; float: left; padding: 0 0 1%;}
.goods ul li img{ width: 99%; padding: 1px;}
.goods ul .proinfo{ padding: 10px 10px 0;}
.goods ul .proinfo h3{ font-weight: normal;font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 5px 0;}
.goods ul .proinfo h5{ color: #777; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.goods ul .proinfo .row{ display: flex; align-items: center; }
.goods ul .proinfo .price{ font-size: 18px; color: #f42f2f;}
.goods ul .proinfo .targ{ border: 1px dotted #f42f2f; color: #f42f2f; margin-left: 5px; padding: 0 3px;}
.goods ul .proinfo .num{ padding: 5px 0 0; display: flex; align-items: center; justify-content: space-between; font-size: 12px;}
.goods ul .proinfo .num .comment{ color: #f42f2f;}
.goods ul .proinfo .num .comment i{ color: #ccc; margin-right: 3px;}

/* 友情链接*/
.blogroll{ border: 1px solid #eaeaea; margin-top: 20px; background-color: white;}
.blogroll .layui-tab{ margin: 0; }
.blogroll .layui-tab-brief .layui-tab-title .layui-this{ color: #f42f2f; }
.blogroll .layui-tab-brief .layui-tab-more li.layui-this:after, .blogroll .layui-tab-brief .layui-tab-title .layui-this:after{ border-color: #f42f2f; }
.blogroll .layui-tab-content a{ font-size: 13px; color: #666; line-height: 24px; margin: 0 20px 0 0;}

.blogroll .blogroll-news{ display: inline-block; width: 100%; }
.blogroll .blogroll-news li{ width: 30%; padding:5px 1.5%; font-size: 14px; float: left;}
.blogroll .blogroll-news li strong a{ color: #333; display: inline-block; width: 100%;}
.blogroll .blogroll-news li p a{ color: #666; margin: 0; height: 40px; line-height: 20px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}

.gallery-show{
	height: 100px;
	width: 100%;

	// background:pink;
	.pagination1{
		
		margin-bottom: 20px;
		height: 70px;
		line-height: 70px;
		position: relative;
		top: 20px;
		text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
	em{
		width: 50px;
		color:black;
		border-radius: 5px;
		background-color: pink;
	}
	strong {
		user-select: none;
		display: inline-block;
		width: 30px;
		height: 30px;
		line-height: 30px;
		background-color: gray;
		opacity: 0.5;
		border: 2px solid snow;
		margin: 0 20px 0 0;
		cursor: pointer;
		border-radius: 3px;
		width: 80px;
		border-radius: 5px;
		color: #000;
	}

span{
	user-select: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color:rgba(0, 175, 52, 0.8);
    opacity: 0.5;
    border: 2px solid snow;
    margin: 0 20px 0 0;
    cursor: pointer;
    border-radius: 3px;
	color: black;
}
.active {

	background-color: red;
	color: #000;
	border-radius: 10px;
}

	}
	}



